<div id='teste'>
    <div id='nav-wrap'>
        <ul id='nav'>
            <li id='nav-01' class='background'>
                <a href='fazenda' title='A Fazenda'>
                   <span>A Fazenda</span><!--[if gt IE 6]><!-->
                </a><!--<![endif]-->
                <!--[if lt IE 7]><table><tr><td><![endif]-->
                <ul class='panel'>
                    <li>
                        <div id='nav-text'>
                            <img src='public/img/barra_menu_a_fazenda.png'
                                 width='29'
                                 height='175'
                                 alt='A Fazenda'  />
                        </div><!-- #nav-text -->
                        <div id='caixa_conteudo'>
                            <div class='navegacao_conteudo'>
                                <div class='txt-menu'>
                                  A Raça que vem em crescente expansão,
                                  não só no Brasil, como em todo o mundo tropical
                                  se destaca entre as melhores.
                                </div>
                                <div class='img-menu'>
                                  <img src='public/img/menu-fazenda.jpg'
                                       alt='Fazenda'
                                       width='200'
                                       height='133' />
                                </div>
                            </div>
                        </div><!-- #caixa_conteudo -->
                    </li>
                </ul>
                <ul class='generico'>
                    <li>
                       <a href='fazenda' title='Sobre a Fazenda'>Sobre a Fazenda</a>
                    </li>
                    <li>
                      <a href='#' title='Fotos'>Fotos</a>
                    </li>
                </ul>
                <!--[if lt IE 7]></td></tr></table></a><![endif]-->
            </li>
            <li id='nav-02' class='background'>
                <a href='gir-leiteiro' title='Gir Leiteiro'>
                   <span>Gir Leiteiro</span><!--[if gt IE 6]><!-->
                </a><!--<![endif]-->
                <!--[if lt IE 7]><table><tr><td><![endif]-->
                <ul class='panel'>
                    <li>
                        <div id='nav-text'>
                            <img src='public/img/barra_menu_gir.png'
                                 width='29'
                                 height='175'
                                 alt='Gir Leiteiro'  />
                        </div><!-- #nav-text -->
                        <div id='caixa_conteudo'>
                            <div class='navegacao_conteudo'>
                                <div class='txt-menu'>A Raça que vem em crescente expansão, não só no Brasil, como em todo o mundo tropical se destaca entre as melhores.</div>
                                <div class='img-menu'>
                                  <img src='public/img/menu-gir.jpg'
                                       width='200'
                                       height='133'
                                       alt='Menu Gir Leiteiro'/>
                                </div>
                            </div>
                        </div><!-- #caixa_conteudo -->
                    </li>
                </ul>
                <ul class='generico'>
                    <li><a href='raca-gir' title='Sobre a Raça'>Sobre a Raça</a></li>
                    <li><a href='padrao-touros' title='Padrão dos Touros LVM'>Padrão dos Touros LVM</a></li>
                    <li><a href='origem-plantel' title='Vídeos'>Origem Plantel</a></li>
                    <li><a href='touros-gir' title='Touros'>Touros</a></li>
                    <li><a href='matrizes-gir' title='Matrizes'>Matrizes</a></li>
                    <li><a href='galeria-gir' title='Fotos'>Fotos</a></li>
                </ul>
                <!--[if lt IE 7]></td></tr></table></a><![endif]-->
            </li>
            <li id='nav-03' class='background'>
                <a href='#' title='Guzerá'>
                   <span>Guzerá</span><!--[if gt IE 6]><!-->
                </a><!--<![endif]-->
                <!--[if lt IE 7]><table><tr><td><![endif]-->
                <ul class='panel'>
                    <li>
                        <div id='nav-text'>
                            <img src='public/img/barra_menu_guzera.png'
                                 width='29'
                                 height='175'
                                 alt='Guzerá' />
                        </div><!-- #nav-text -->
                        <div id='caixa_conteudo'>
                            <div class='navegacao_conteudo'>
                                <div class='txt-menu'>A Raça que vem em crescente expansão, não só no Brasil, como em todo o mundo tropical se destaca entre as melhores.</div>
                                <div class='img-menu'>
                                   <img src='public/img/menu-guzera.jpg'
                                        width='200'
                                        height='133'
                                        alt='Menu Guzera'/>
                                </div>
                            </div>
                        </div><!-- #caixa_conteudo -->
                    </li>
                </ul>
                <ul class='generico'>
                    <li><a href='raca-guzera' title='Sobre a Raça'>Sobre a Raça</a></li>
                    <li><a href='touros-guzera' title='Touros'>Touros</a></li>
                    <li><a href='matrizes-guzera' title='Matrizes'>Matrizes</a></li>
                    <li><a href='galeria-guzera' title='Fotos'>Fotos</a></li>
                </ul>
                <!--[if lt IE 7]></td></tr></table></a><![endif]-->
            </li>
            <li id='nav-04' class='background'>
                <a href='simental.php' title='Simental'>
                    <span>Simental</span><!--[if gt IE 6]><!-->
                </a><!--<![endif]-->
                <!--[if lt IE 7]><table><tr><td><![endif]-->
                <ul class='panel'>
                    <li>
                        <div id='nav-text'>
                           <img src='public/img/barra_menu_simental.png'
                                width='29'
                                height='175'
                                alt='Simental' />
                        </div><!-- #nav-text -->
                        <div id='caixa_conteudo'>
                            <div class='navegacao_conteudo'>
                                <div class='txt-menu'>A Raça que vem em crescente expansão, não só no Brasil, como em todo o mundo tropical se destaca entre as melhores.</div>
                                <div class='img-menu'>
                                   <img src='public/img/menu-simental.jpg'
                                        width='200'
                                        height='133'
                                        alt="Menu Simental"/>
                                </div>
                            </div>
                        </div><!-- #caixa_conteudo -->
                    </li>
                </ul>
                <ul class='generico'>
                    <li><a href='raca-simental' title='Sobre a Raça'>Sobre a Raça</a></li>
                    <li><a href='touro-simental' title='Touros'>Touros</a></li>
                    <li><a href='matrizes-simental' title='Matrizes'>Matrizes</a></li>
                    <li><a href='galeria-simental' title='Fotos'>Fotos</a></li>
                </ul>
                <!--[if lt IE 7]></td></tr></table></a><![endif]-->
            </li>
            <li id='nav-05' class='background'>
                <a href='pampa.php' title='Pampa'>
                  <span>Pampa</span>
                   <!--[if gt IE 6]><!--></a><!--<![endif]-->
                <!--[if lt IE 7]><table><tr><td><![endif]-->
                <ul class='panel'>
                    <li>
                        <div id='nav-text'>
                            <img src='public/img/barra_menu_pampa.png' width='29' height='175' alt='Pampa' />
                        </div><!-- #nav-text -->
                        <div id='caixa_conteudo'>
                            <div class='navegacao_conteudo'>
                                <div class='txt-menu'>A Raça que vem em crescente expansão, não só no Brasil, como em todo o mundo tropical se destaca entre as melhores.</div>
                                <div class='img-menu'>
                                  <img src='public/img/menu-pampa.jpg'
                                       alt='Foto da raça pampa'
                                       title='Pampa'
                                       width='200'
                                       height='133' />
                                </div>
                            </div>
                        </div><!-- #caixa_conteudo -->
                    </li>
                </ul>
                <ul class='generico'>
                    <li><a href='raca-pampa' title='Sobre a Raça'>Sobre a Raça</a></li>
                    <li><a href='touro-pampa' title='Touros'>Plantel</a></li>
                    <li><a href='matrizes-pampa' title='Matrizes'>Fotos</a></li>
                    <li><a href='videos-pampa' title='Fotos'>Vídeos</a></li>
                </ul>
                <!--[if lt IE 7]></td></tr></table></a><![endif]-->
            </li>
            <li id='nav-06' class='background'>
              <a href='contato' title='Contato'>
                <span>Contato</span><!--[if gt IE 6]><!-->
              </a><!--<![endif]--></li>
        </ul>
    </div>
</div>


